<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<!-- <标签 class="abc" id="ceshi" checked selected data-id="123"></标签> -->
	<div id="abc" class="ceshi"></div>
	<input type="checkbox" id="bcd">
	<div id="def" data-id="123"></div>
	<script src="jquery.js"></script>
	<script>
		// attr,prop
		// 1. 都是用来获取或者设置元素的属性的值
		// 2. 属性分为三种类型
		// 	1. 内置普通属性(值是字符串) class="abc" id="ceshi" --> prop和attr等价的
		// 	2. 内置布尔值类型的属性 checked selected ---> 只能用prop 
		// 	3. 自定义属性 data-id="123" ----> 只能用attr 

		console.log($('#abc').attr('class'));
		console.log($('#abc').prop('class'));

		console.log($('#bcd').prop('checked'));//true
		// console.log($('#bcd').attr('checked'));//这样写是错的

		console.log($('#def').attr('data-id'));
		// console.log($('#def').prop('data-id'));//这样写是错的
	</script>
</body>
</html>